<script setup></script>

<template>
  <div class="md:py-10 mt-16 md:mt-6 bg-gradient-to-b from-white to-[#ecf4ff] pt-16 pb-20">
    <div class="max-w-[1218px] mx-auto px-4 ReviewVideos_reviewVideos__lDwug">
      <div class="max-w-[880px] mx-auto">
        <span
          class="flex items-center gap-1 px-5 py-[5px] w-fit mx-auto rounded-full text-white text-sm font-semibold bg-gradient-to-r from-[#00FFD1] to-[#44BCFF] before:i-cus--four-star before: before:w-4 before:h-4"
          _msttexthash="6976060"
          _msthash="357"
          >评论</span
        >
        <h2 class="text-center w-fit mx-auto font-bold text-5xl mt-2 md:text-xl" _msttexthash="32188455" _msthash="358">
          加入 1,000,000+ 学生使用 HIX Bypass
        </h2>
        <p class="text-[#677788] text-center md:text-md mt-3" _msttexthash="417218711" _msthash="359">
          我们的 AI Bypasser 帮助超过 100 万名学生的作业未被发现，让他们有信心无忧无虑地提交作业。
        </p>
      </div>
      <div class="relative w-full mt-9 md:mt-6">
        <div style="overflow-x: hidden">
          <div
            style="
              flex-direction: row;
              transition: all;
              direction: ltr;
              display: flex;
              will-change: transform;
              width: 100%;
              transform: translate(0%, 0px);
            "
            class="react-swipeable-view-container"
          >
            <div style="width: 100%; -webkit-flex-shrink: 0; flex-shrink: 0; overflow: auto" aria-hidden="false" data-swipeable="true">
              <div class="flex gap-8 md:gap-3 flex-row">
                <a rel="nofollow noopener" target="_blank" href="https://www.tiktok.com/@avacteiva/video/7384802255679147297"
                  ><div class="w-[374px] h-[660px] lg:aspect-auto lg:w-full rounded-xl overflow-hidden">
                    <img src="@/assets/img/comment/1_0753f3c7f3.webp" alt="" class="size-full object-cover" /></div></a
                ><a rel="nofollow noopener" target="_blank" href="https://www.tiktok.com/@d.dorokhova/video/7355883812003450158"
                  ><div class="w-[374px] h-[660px] lg:aspect-auto lg:w-full rounded-xl overflow-hidden">
                    <img src="@/assets/img/comment/2_915e3b9518.webp" alt="" class="size-full object-cover" /></div></a
                ><a rel="nofollow noopener" target="_blank" href="https://www.tiktok.com/@rxx1ee08/video/7384659849541438725"
                  ><div class="w-[374px] h-[660px] lg:aspect-auto lg:w-full rounded-xl overflow-hidden">
                    <img src="@/assets/img/comment/4_bf2e1bb21c.webp" alt="" class="size-full object-cover" /></div
                ></a>
              </div>
            </div>
            <!-- <div aria-hidden="true" data-swipeable="true" style="width: 100%; flex-shrink: 0; overflow: auto">
              <div class="flex gap-8 md:gap-3 md:flex-col">
                <a rel="nofollow noopener" target="_blank" href="https://www.tiktok.com/@quench.d/video/7379662915600682273"
                  ><div class="w-[374px] h-[660px] lg:aspect-auto lg:w-full rounded-xl overflow-hidden">
                    <video
                      class="size-full object-cover"
                      poster="https://hix.ai/cms/4_bf2e1bb21c.png"
                      src="https://hix.ai/cdn/public/video/hix-bypass-4.mp4"
                      playsinline=""
                      webkit-playsinline="true"
                      controlslist="nodownload"
                      loop=""
                      preload="metadata"
                      autoplay=""
                    ></video></div></a
                ><a rel="nofollow noopener" target="_blank" href="https://www.tiktok.com/@skyla.lynne/video/7377896659839241514"
                  ><div class="w-[374px] h-[660px] lg:aspect-auto lg:w-full rounded-xl overflow-hidden">
                    <video
                      class="size-full object-cover"
                      poster="https://hix.ai/cms/5_0e8eb06cb2.png"
                      src="https://hix.ai/cdn/public/video/hix-bypass-5.mp4"
                      playsinline=""
                      webkit-playsinline="true"
                      controlslist="nodownload"
                      loop=""
                      preload="none"
                    ></video></div></a
                ><a rel="nofollow noopener" target="_blank" href="https://www.instagram.com/reel/C7XAITcOIR4/"
                  ><div class="w-[374px] h-[660px] lg:aspect-auto lg:w-full rounded-xl overflow-hidden">
                    <video
                      class="size-full object-cover"
                      poster="https://hix.ai/cms/6_6d3d4b37d2.png"
                      src="https://hix.ai/cdn/public/video/hix-bypass-6.mp4"
                      playsinline=""
                      webkit-playsinline="true"
                      controlslist="nodownload"
                      loop=""
                      preload="none"
                    ></video></div
                ></a>
              </div>
            </div> -->
          </div>
        </div>
      </div>
      <div class="columns-3 gap-5 mt-10 md:columns-1 lg:columns-2 md:gap-3">
        <div class="bg-white border border-[#DEE8F9] break-inside-avoid rounded-3xl p-6 mt-5 md:p-4 first:mt-0">
          <div class="flex items-center gap-2">
            <img
              alt="个人资料 img"
              loading="lazy"
              width="40"
              height="40"
              decoding="async"
              data-nimg="1"
              class="rounded-full bg-gray-200"
              style="color: transparent"
              src="@/assets/img/comment/poonam_c1c3b24af0.jpg"
              _mstalt="159016"
              _msthash="360"
            />
            <div class="flex-1">
              <p class="font-semibold" _msttexthash="11422580" _msthash="361">普南索尼</p>
              <a
                rel="nofollow noopener"
                target="_blank"
                class="text-xs text-[#677788] mt-1 hover:underline"
                href="https://x.com/CodeByPoonam"
                _msttexthash="217191"
                _msthash="362"
                >@CodeByPoonam</a
              >
            </div>
          </div>
          <p class="text-[#677788] text-sm mt-3 mb-6" _msttexthash="1676830493" _msthash="363">
            永远不要使用 ChatGPT 进行写作。很容易检测 ChatGPT 编写的文本 这是使您的文本人性化的 AI 技巧 步骤： 1. 前往 ChatGPT，在 ChatGPT
            官网生成任何内容。2. 使用 Turnitin、GPTZero 或 Originality AI 等 AI 检测器来验证内容是否是 AI 生成的。
          </p>
          <!-- <a
            rel="noopener nofollow"
            target="_blank"
            class="font-semibold text-[#3A7EFF] hover:text-[#2361F9]"
            href="https://twitter.com/CodeByPoonam/status/1772211651917574359"
            _msttexthash="12192505"
            _msthash="364"
            >在 X 上查看</a
          > -->
        </div>
        <div class="bg-white border border-[#DEE8F9] break-inside-avoid rounded-3xl p-6 mt-5 md:p-4 first:mt-0">
          <div class="flex items-center gap-2">
            <img
              alt="个人资料 img"
              loading="lazy"
              width="40"
              height="40"
              decoding="async"
              data-nimg="1"
              class="rounded-full bg-gray-200"
              style="color: transparent"
              src="@/assets/img/comment/fakhr_168ec4c953.jpg"
              _mstalt="159016"
              _msthash="365"
            />
            <div class="flex-1">
              <p class="font-semibold" _msttexthash="9058387" _msthash="366">法赫尔</p>
              <a
                rel="nofollow noopener"
                target="_blank"
                class="text-xs text-[#677788] mt-1 hover:underline"
                href="https://x.com/iamfakhrealam"
                _msttexthash="251238"
                _msthash="367"
                >@iamfakhrealam</a
              >
            </div>
          </div>
          <p class="text-[#677788] text-sm mt-3 mb-6" _msttexthash="1644989593" _msthash="368">
            不要用 ChatGPT 进行学术写作❌ 它写的是机器人。使用此技巧将 AI 文本人性化为无抄袭的内容。步骤 01： =&gt; 前往
            ChatGPT，写下你想写的任何内容 =&gt; 使用 AI 检测器（Originality、Turnitin、GPTZero、ZeroGPT）来验证它是否是 AI 生成的
          </p>
          <!-- <a
            rel="noopener nofollow"
            target="_blank"
            class="font-semibold text-[#3A7EFF] hover:text-[#2361F9]"
            href="https://x.com/iamfakhrealam/status/1777288055948206297"
            _msttexthash="12192505"
            _msthash="369"
            >在 X 上查看</a
          > -->
        </div>
        <div class="bg-white border border-[#DEE8F9] break-inside-avoid rounded-3xl p-6 mt-5 md:p-4 first:mt-0">
          <div class="flex items-center gap-2">
            <img
              alt="个人资料 img"
              loading="lazy"
              width="40"
              height="40"
              decoding="async"
              data-nimg="1"
              class="rounded-full bg-gray-200"
              style="color: transparent"
              src="@/assets/img/comment/rishabh_3b5a8cd7ad.jpg"
              _mstalt="159016"
              _msthash="370"
            />
            <div class="flex-1">
              <p class="font-semibold" _msttexthash="9103627" _msthash="371">里沙布</p>
              <a
                rel="nofollow noopener"
                target="_blank"
                class="text-xs text-[#677788] mt-1 hover:underline"
                href="https://x.com/Rixhabh__"
                _msttexthash="146016"
                _msthash="372"
                >@Rixhabh__</a
              >
            </div>
          </div>
          <p class="text-[#677788] text-sm mt-3 mb-6" _msttexthash="1607050978" _msthash="373">
            避免使用 ChatGPT 进行写作 - 它很容易被检测到。试试这个 AI 让你的文本更人性化。方法如下： ↓ 1.访问 ChatGPT
            官方网站并使用该平台生成任何内容。2. 利用 Turnitin、GPTZero 或 Originality AI 等 AI 检测工具确认内容是否由 AI 生成。
          </p>
          <!-- <a
            rel="noopener nofollow"
            target="_blank"
            class="font-semibold text-[#3A7EFF] hover:text-[#2361F9]"
            href="https://x.com/Rixhabh__/status/1772528207629259027"
            _msttexthash="12192505"
            _msthash="374"
            >在 X 上查看</a
          > -->
        </div>
        <div class="bg-white border border-[#DEE8F9] break-inside-avoid rounded-3xl p-6 mt-5 md:p-4 first:mt-0">
          <div class="flex items-center gap-2">
            <img
              alt="个人资料 img"
              loading="lazy"
              width="40"
              height="40"
              decoding="async"
              data-nimg="1"
              class="rounded-full bg-gray-200"
              style="color: transparent"
              src="@/assets/img/comment/whizz_ba9cb7f7e9.jpg"
              _mstalt="159016"
              _msthash="375"
            />
            <div class="flex-1">
              <p class="font-semibold" _msttexthash="19481943" _msthash="376">哈姆扎·哈立德</p>
              <a
                rel="nofollow noopener"
                target="_blank"
                class="text-xs text-[#677788] mt-1 hover:underline"
                href="https://x.com/Whizz_ai"
                _msttexthash="131352"
                _msthash="377"
                >@Whizz_ai</a
              >
            </div>
          </div>
          <p class="text-[#677788] text-sm mt-3 mb-6" _msttexthash="1595061533" _msthash="378">
            如果您从 Chat GPT 复制，您的内容不会传播开来。因为很容易检测到 GPT 编写的文本 这是一个 AI Hack 使您的文本人性化： 第 1 步
            转到聊天 GPT 并提示它。从那里复制整个内容。然后转到 GPT Zero 检查它是否是 AI 生成的。
          </p>
          <!-- <a
            rel="noopener nofollow"
            target="_blank"
            class="font-semibold text-[#3A7EFF] hover:text-[#2361F9]"
            href="https://x.com/Whizz_ai/status/1772558625946427683"
            _msttexthash="12192505"
            _msthash="379"
            >在 X 上查看</a
          > -->
        </div>
        <div class="bg-white border border-[#DEE8F9] break-inside-avoid rounded-3xl p-6 mt-5 md:p-4 first:mt-0">
          <div class="flex items-center gap-2">
            <img
              alt="个人资料 img"
              loading="lazy"
              width="40"
              height="40"
              decoding="async"
              data-nimg="1"
              class="rounded-full bg-gray-200"
              style="color: transparent"
              src="@/assets/img/comment/shushant_ab905fb7d7.jpg"
              _mstalt="159016"
              _msthash="380"
            />
            <div class="flex-1">
              <p class="font-semibold" _msttexthash="25896702" _msthash="381">舒尚特·拉赫亚尼</p>
              <a
                rel="nofollow noopener"
                target="_blank"
                class="text-xs text-[#677788] mt-1 hover:underline"
                href="https://x.com/shushant_l"
                _msttexthash="180492"
                _msthash="382"
                >@shushant_l</a
              >
            </div>
          </div>
          <p class="text-[#677788] text-sm mt-3 mb-6" _msttexthash="1288211080" _msthash="383">
            停止从 ChatGPT 复制粘贴 使用 AI 创建人类生成的内容 如何在几分钟内轻松完成：使用 HIX AI Bypass 您可以使用 HIX Bypass
            生成类似人类的、无法检测到的文字。那个太无抄袭的内容了！
          </p>
          <!-- <a
            rel="noopener nofollow"
            target="_blank"
            class="font-semibold text-[#3A7EFF] hover:text-[#2361F9]"
            href="https://x.com/shushant_l/status/1772972395789533325"
            _msttexthash="12192505"
            _msthash="384"
            >在 X 上查看</a
          > -->
        </div>
        <div class="bg-white border border-[#DEE8F9] break-inside-avoid rounded-3xl p-6 mt-5 md:p-4 first:mt-0">
          <div class="flex items-center gap-2">
            <img
              alt="个人资料 img"
              loading="lazy"
              width="40"
              height="40"
              decoding="async"
              data-nimg="1"
              class="rounded-full bg-gray-200"
              style="color: transparent"
              src="@/assets/img/comment/hasantoxr_39b9bc2894.jpg"
              _mstalt="159016"
              _msthash="385"
            />
            <div class="flex-1">
              <p class="font-semibold" _msttexthash="11039691" _msthash="386">哈桑·图尔</p>
              <a
                rel="nofollow noopener"
                target="_blank"
                class="text-xs text-[#677788] mt-1 hover:underline"
                href="https://x.com/hasantoxr"
                _msttexthash="160888"
                _msthash="387"
                >@hasantoxr</a
              >
            </div>
          </div>
          <p class="text-[#677788] text-sm mt-3 mb-6" _msttexthash="1691608191" _msthash="388">
            停止使用 ChatGPT 进行写作。内容可在 10 秒内检测到。这是一个使您的文本人性化的 AI 技巧：第 1 步：使用 ChatGPT 编写文本。第 2
            步：使用 Turnitin、GPTZero 或 Originality AI 等 AI 检测器进行验证，以进行 AI 生成的识别。
          </p>
          <!-- <a
            rel="noopener nofollow"
            target="_blank"
            class="font-semibold text-[#3A7EFF] hover:text-[#2361F9]"
            href="https://x.com/hasantoxr/status/1773671019703935473"
            _msttexthash="12192505"
            _msthash="389"
            >在 X 上查看</a
          > -->
        </div>
      </div>
    </div>
  </div>
</template>

<style lang="less" scoped>
*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
*,
:after,
:before {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: rgb(var(--ux-color-border) / 1);
}
.mt-16 {
  margin-top: 4rem;
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#ecf4ff\] {
  --tw-gradient-to: #ecf4ff var(--tw-gradient-to-position);
}
.pb-20 {
  padding-bottom: 5rem;
}
.pt-16 {
  padding-top: 4rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.max-w-\[1218px\] {
  max-width: 1218px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.max-w-\[880px\] {
  max-width: 880px;
}
.flex {
  display: flex;
}
.rounded-full {
  border-radius: 9999px;
}
.gap-1 {
  gap: 0.25rem;
}
.items-center {
  align-items: center;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, #00ffd1, #44bcff);
}
.from-\[\#00FFD1\] {
  --tw-gradient-from: #00ffd1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(0, 255, 209, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: #00ffd1, #44bcff;
}
.to-\[\#44BCFF\] {
  --tw-gradient-to: #44bcff var(--tw-gradient-to-position);
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.font-semibold {
  font-weight: 600;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
:after,
:before {
  --tw-content: '';
}
.before\:i-cus--filepdf:before,
.before\:i-cus--four-star:before {
  content: var(--tw-content);
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.before\:w-4:before {
  content: var(--tw-content);
  width: 1rem;
}
.before\:h-4:before {
  content: var(--tw-content);
  height: 1rem;
}
.before\:i-cus--four-star:before {
  --svg: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0Jz48cGF0aCBmaWxsPSdibGFjaycgZD0nbTEyIDAgMi4zNzYgOS42MjRMMjQgMTJsLTkuNjI0IDIuMzc2TDEyIDI0bC0yLjM3Ni05LjYyNEwwIDEybDkuNjI0LTIuMzc2TDEyIDBaJy8+PC9zdmc+);
}
font-bold {
  font-weight: 700;
}
.text-5xl {
  font-size: 2.25rem;
  line-height: 3rem;
}
.text-center {
  text-align: center;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.mt-2 {
  margin-top: 0.5rem;
}
.text-\[\#677788\] {
  --tw-text-opacity: 1;
  color: rgb(103 119 136 / var(--tw-text-opacity, 1));
}
.text-center {
  text-align: center;
}
.mt-3 {
  margin-top: 0.75rem;
}
.w-full {
  width: 100%;
}
.mt-9 {
  margin-top: 2.25rem;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.start-10 {
  inset-inline-start: 2.5rem;
}
.top-1\/2 {
  top: 50%;
}
.z-\[5\] {
  z-index: 5;
}
.flex {
  display: flex;
}
.h-12 {
  height: 3rem;
}
.w-12 {
  width: 3rem;
}
.-translate-y-\[6px\],
.-translate-y-\[75\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[75\%\] {
  --tw-translate-y: -75%;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.rounded-full {
  border-radius: 9999px;
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.gap-8 {
  gap: 2rem;
}
.flex {
  display: flex;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.overflow-hidden {
  overflow: hidden;
}
.w-\[374px\] {
  width: 374px;
}
.h-\[660px\] {
  height: 660px;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
.size-full {
  width: 100%;
  height: 100%;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.gap-5 {
  gap: 1.25rem;
}
.columns-3 {
  -moz-columns: 3;
  column-count: 3;
}
.mt-10 {
  margin-top: 2.5rem;
}
.first\:mt-0:first-child {
  margin-top: 0;
}
.p-6 {
  padding: 1.5rem;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.border-\[\#DEE8F9\] {
  --tw-border-opacity: 1;
  border-color: rgb(222 232 249 / var(--tw-border-opacity, 1));
}
.border {
  border-width: 1px;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.break-inside-avoid {
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}
.mt-5 {
  margin-top: 1.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.items-center {
  align-items: center;
}
.flex {
  display: flex;
}
.flex-1 {
  flex: 1 1 0%;
}
.font-semibold {
  font-weight: 600;
}
.text-\[\#677788\] {
  --tw-text-opacity: 1;
  color: rgb(103 119 136 / var(--tw-text-opacity, 1));
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.text-\[\#677788\] {
  --tw-text-opacity: 1;
  color: rgb(103 119 136 / var(--tw-text-opacity, 1));
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.mt-3 {
  margin-top: 0.75rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, #fff, #ecf4ff, #ecf4ff);
}
.hover\:bg-primary:hover {
  --ux-primary: 58 126 255;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ux-primary) / var(--tw-bg-opacity, 1));
}
</style>
